{% if module == '0' %}
<nav id="top">
    <div class="container">
        <div class="search-box">
            {{ search }}
        </div>
        <a href="{{ shopping_cart }}"><i class="iconfont icon-gouwuche"></i></a>
        {#{% if logged %}#}
            {#<i class="fa fa-car"></i>#}
        {#<li><a href="{{ logout }}">{{ text_logout }}</a></li>#}
        {#{% else %}#}
        <a href="{{ login }}"><i class="iconfont icon-yonghu"></i></a>
        {#{% endif %}#}
    </div>
</nav>
{% endif %}
<div class="swiper-viewport">
    <div id="slideshow{{ module }}" class="swiper-container">
        <div class="swiper-wrapper">
            {% for banner in banners %}
                <div class="swiper-slide text-center">
                    {% if banner.link %}
                        <a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive"/></a>
                    {% else %}
                        <img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive"/>
                    {% endif %}
                </div>
            {% endfor %}
        </div>
        <div class="swiper-pagination slideshow{{ module }}"></div>

    </div>
    {#<div class="swiper-pager">#}
        {#<div class="swiper-button-next"></div>#}
        {#<div class="swiper-button-prev"></div>#}
    {#</div>#}
</div>
<script type="text/javascript"><!--
    $('#slideshow{{ module }}').swiper({
        mode: 'horizontal',
        slidesPerView: 1,
        pagination: '.slideshow{{ module }}',
        paginationClickable: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        // spaceBetween: 30,
        autoplay: 2500,
        autoplayDisableOnInteraction: true,
        loop: true
    });
    --></script>